<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link type="text/css" rel="stylesheet" href="../css/ticket.css"> 
		<title>车票预订</title>
	</head>
	<body>
		<jsp:include page="login.jsp"></jsp:include>
		<div id="content_ticket">
			<!-- 上排搜索栏 -->
			<div id="top1">
				<div id="top2">
					<table>
						<tr>
							<td>出发地：<input type="text" name="startPlace" style="width:155px;height:20px"></td>
							<td>目的地：<input type="text" name="stopPlace" style="width:155px;height:20px"></td>
							<td>出发日：<input type="text" name="startTime" style="width:155px;height:20px"></td>
							<td>&nbsp;&nbsp;&nbsp;<input type="submit" value="查询" style="font-size:18px;color:white;background-color: #0e86f3">
							<td>&nbsp;&nbsp;&nbsp;<input type="submit" value="学生票查询" style="font-size:18px;color:white;background-color: #0e86f3">
						</tr>
					</table>
				</div>
			</div>
			
			<!-- 中排显示客车类型 -->
			<div id="middle1">
				<div id="middle2">
					<table>
						<tr>
							<td style="font-size:18px;color:blue">列车类型:</td>
							<td>&nbsp;<input type="checkbox" name="gaotie"/>G-高铁</td>
							<td>&nbsp;&nbsp;<input type="checkbox" name="dongche"/>D-动车</td>
							<td>&nbsp;&nbsp;<input type="checkbox" name="tekuai"/>T-特快</td>
							<td>&nbsp;&nbsp;<input type="checkbox" name="kuaiche"/>K-快车</td>
							<td>&nbsp;&nbsp;<input type="checkbox" name="other"/>其他</td>
							<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
							<td>车次：
								<select  name="startTime"style="width:130px;height:25px;font-size:14px;">
									<option value = "first">1车</option>
									<option value = "second">2车</option>
								</select>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<!-- 下排显示查询出的客车信息 -->
			<div id="buttom1">
				<table>
					<tr align="center">
						<td width="13.75%">车次</td>
						<td width="13.75%">出发站<br>终点站</td>
						<td width="13.75%">出发时间<br>到达时间</td>
						<td width="13.75%">历时</td>
						<td width="13.75%">一等座</td>
						<td width="13.75%">二等座</td>
						<td width="13.75%">三等座</td>
						<td width="13.75%">备注</td>						
					<tr>
				</table>
			</div>	
			<div id="buttom2">
				<table style="font-size:16px">
					<tr align="center">
						<td width="13.75%" style="font-size:22px;font-weight:bold">K596</td>
						<td width="13.75%">郑州<br>杭州</td>
						<td width="13.75%">03:55<br>21:00</td>
						<td width="13.75%">17:05</td>
						<td width="13.75%">2</td>
						<td width="13.75%">3</td>
						<td width="13.75%">-</td>
						<td width="13.75%"style="color:#0e86f3">售完</td>						
					<tr>
				</table>
			</div>
		</div>
	</body>
</html>